<template>
  <div style="width: 100vw; height: 100vh; ">
    <router-view v-slot="{ Component }">
      <keep-alive>
        <component :is="Component" :key="route.name" v-if="route.meta['keepAlive']" />
      </keep-alive>
      <component :is="Component" :key="route.name" v-if="!route.meta['keepAlive']" />
    </router-view>
    <TabBar v-if="showTabBarList.includes(route.name)" :showNewIcon="route.meta['tabChange']"></TabBar>
  </div>
</template>
<script setup>
import { useRoute } from "vue-router";
import TabBar from './components/TabBar.vue'
const route = useRoute();
const showTabBarList = ['EquityCenter', 'CesCenter'];
</script>